* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,body, #root {
  width: 100%;
  height: 100%;
}


.app {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  header {
    height: 36px;
    .navBar {
      display: flex;
      justify-content: space-around;
      align-items: center;
      height: 100%;
      b.active {
        color: red;
      }
    }
  }
  main {
    flex: 1;
    height: 100%;
    overflow: hidden;
    .better-wrapper {
      height: 100%;
      overflow: hidden;
      dl {
        display: flex;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        dt {
          width: 150px;
          height: 150px;
          flex-shrink: 0;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}